body {
  display: none;
}

/* INTRO */
.web-title h1{
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  padding: 70px 0 0;
  text-align: center;
}

span.web-name{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.75em;
}

span.web-name-slash{
  letter-spacing: 0;
  letter-spacing: -4px;
}

span.web-subtitle{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.1em;
}

.intro-text {
  position: relative;
  width: 100%;
  top: 35%;
  margin: auto 0;
}

/* Team Item */



/** INTRO *****************************************************************/
#bg-darker
{
    position: fixed;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(0, 0, 0, .5);
}

#bg-image
{
    position: fixed !important;
    z-index: -1;

    width: 100%;
    height: 100%;
}

#bg-video
{
    position: fixed !important;
    z-index: -1;

    width: 100%;
    height: 100%;
}

#canvas-container
{
    position: fixed !important;
    z-index: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
}

canvas
{
    position: fixed !important;
    z-index: 0;

    width: 100%;
    height: 100%;
}

#front-page
{
    position: static !important;
}

#home-screen
{
    position: absolute;
    z-index: 2;

    overflow: hidden;

    width: 100%;
    height: 100%;
    min-height: 100% !important;
}

/* Colors */

.btn:hover, .btn:focus, .btn.focus {
  color: #ffffff;
}

.btn-web
{
  color: #fff;
  background-color: #3d6b99;
  border-color: #3d6b99;
}
.btn-web:hover
{
  color: #fff;
  background-color: #4c85bf;
  border-color: #4c85bf;
}

.btn-web:hover a{
  color: #fff;
  background-color: #4c85bf;
  border-color: #4c85bf;
}

.no-touch-device a:hover, .no-touch-device a:focus {
  color: #fff;
}

.desc a:hover {
  color: #337ab7;
  text-decoration: none;
}

.service:hover {
 color: #337ab7;
}

.web {
  color: #3d6b99;
}

.company a:hover, a:focus {
    color: #ffffff;
    text-decoration: none;
}

.navigation {
  z-index: 2;
}

/*fix for input form */
input[type="text"], input[type="email"] {
    -moz-box-sizing: border-box;
    height: 64px;
    width: 100%;
    color: #222;
    paddin: 0;
  margin: 0;
}


/* Webkit */
::-webkit-input-placeholder { color: #222; }

/* Firefox 4-18 */
:-moz-placeholder { color: #222; }

/* Firefox 19+ */
::-moz-placeholder { color: #222; }

/* IE10+ */
:-ms-input-placeholder { color: #222; }